@charset "utf-8";
@function v($p){
    @return $p/1920*100vw;
}

//section 中部
section{  
    padding: v(20) v(220) v(140);
    box-sizing: border-box;
    //大图区
    .sec_top{
        width: 100%;
        position: relative;
        >img{width: 100%;}
        .sec_top_title{
            width: v(728);
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            text-align: center;
            >img{width: 100%;}
        }
    }
    //详情区
    .sec_mid{
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
    .sec_mid_1st{
        height: v(560);
        margin: v(106) 0 v(101);
        >div:nth-child(1){
            width: v(453);
            height: 100%;
            position: relative;
            img{
                width: 42.83%;
                margin-top: v(53);
                margin-bottom: v(51);}
            p:nth-of-type(1){
                margin-bottom: v(40);
                text-align: justify;
                line-height: 20px;}
            p:nth-of-type(2){
                position: absolute;
                bottom: 0;
                line-height: 20px;}
        }
        >div:nth-child(2){
            width: v(889);
            img{width: 100%;}
        }
    }
    .sec_mid_2nd{
        height: v(646);
        >div:nth-child(1){
            width: v(848);
            img{width: 100%;height: 100%;}
            margin-right: v(107);
        }
        >div:nth-child(2){
            width: v(520);
            img{width: 100%;height: 100%;}
        }
    }
    .sec_mid_3rd{
        height: v(560);
        margin: v(100) 0 v(155);
        >div:nth-child(1){
            width: v(453);
            margin-right: v(97);
            display: flex;
            align-items: flex-end;
            p{text-align: justify;
                line-height: 20px;}
            img{width: 100%;
                margin-top: 50%;}
        }
        >div:nth-child(2){
            width: v(889);
            img{width: 100%;}
        } 
    }
    //轮播图
    //标题
    #sec_btm_title{
        width: 100%;
        text-align: center;
        margin-bottom: v(79);
        img{width: v(186);}
    }
   //轮播
   .swiper-container{
        width: 100%;
        height: v(314);
        position: relative;
        display: flex;
        justify-content: space-between;
        margin-bottom: v(60);
        .swiper-slide{
            width: 30%;
            height: 100%;
            img{width: 100%;}
        }
        .swiper-button-black{
            height: 23px!important;
        }
    }

//-/section
}
//底部图片
.section_footer{
    background: url(../img/10,7.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    height: v(993);
    position: relative;
    .section_footer_title>img{
        width:v(531);
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(0%,-50%);
        margin: auto;
    }
}

//------------------------------------------------------------------------media
@media (max-width:768px){
    section{
        //分页器
        .swiper-pagination-bullet{
            width: 6px!important;
            height: 6px!important;
        }
        //左右控件
        .swiper-button-next, 
        .swiper-button-prev{
            background-size:80%!important;
        }
    }
}

@media (max-width:480px){
    section{
        //分页器
        .swiper-pagination-bullet{
            width: 4px!important;
            height: 4px!important;
        }
        //左右控件
        .swiper-button-next, 
        .swiper-button-prev{
            background-size:50%!important;
        }
    }
}
